@forward 'element-plus/theme-chalk/src/common/var.scss' with (
    $colors: (
        'primary': (
            'base': #6ccccf
        )
    )
);
@use 'element-plus/theme-chalk/src/index.scss' as *;

@font-face {
    font-family: MononokiWoff2;
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/mononoki-Regular.woff2') format('woff2');
}
@font-face {
    font-family: MononokiWoff2;
    font-style: italic;
    font-weight: normal;
    src: url('./fonts/mononoki-Italic.woff2') format('woff2');
}
@font-face {
    font-family: MononokiWoff2;
    font-style: normal;
    font-weight: bold;
    src: url('./fonts/mononoki-Bold.woff2') format('woff2');
}
@font-face {
    font-family: MononokiWoff2;
    font-style: italic;
    font-weight: bold;
    src: url('./fonts/mononoki-BoldItalic.woff2') format('woff2');
}

i {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
* {
    font-family: 'Sarasa Mono SC', 'MononokiWoff2', monospace;
}
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(214, 214, 214, 0.2);
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(59, 178, 237, 0.22);
    border-radius: 6px;
    transition: background-color 0.3s;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(75, 175, 225, 1);
}
*::-webkit-scrollbar-thumb:active {
    background-color: rgba(100, 200, 250, 1);
}
*::-webkit-scrollbar-corner {
    background-color: rgba(100, 200, 250, 1);
    border-radius: 2px;
    transition: background-color 0.3s;
}
*::-webkit-scrollbar-corner:hover {
    background-color: rgba(100, 200, 250, 0.5);
}
